<?php
date_default_timezone_set('America/Bogota');
?>
<!DOCTYPE html>
<html>
    <head>

        <?php $this->load->view("head"); ?>
        <?php $this->load->view("headGrillas"); ?>
        <title>Consulta, Edicion y/o eliminación de visitas</title>
    </head>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#visitaFechaVisitaIni").datepicker({dateFormat:"yy-mm-dd",maxDate:"<?php echo date("Y-m-d") ?>",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
            $("#visitaFechaVisitaFin").datepicker({dateFormat:"yy-mm-dd",maxDate:"<?php echo date("Y-m-d") ?>",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
            //Grilla de topografías
            jQuery("#tbGrillaTopo").jqGrid({
                url: '<?php echo site_url("grillas/visitas"); ?>',
                datatype: 'json',
                mtype: 'POST',
                colNames:['Acción','Fecha Visita','Avaluo','Propietario','Departamento','Ciudad','Vereda','Nombre','Tipo Inmueble'],
                colModel :[
                    {name:'grdAccion',index:'grdAccion',sortable:false, width:180,align:"center"},
                    {name:'visitaFechaVisita',index:'visitaFechaVisita', width:130,align:"center"},
                    {name:'avaluoNumero',index:'avaluoNumero', width:100},
                    {name:'visitaPropietario',index:'visitaPropietario', width:200},
                    {name:'dptoNombre',index:'dptoNombre', width:100},
                    {name:'ciudadNombre',index:'ciudadNombre', width:100},
                    {name:'visitaVereda',index:'visitaVereda', width:200},
                    {name:'visitaVeredaNombre',index:'visitaVeredaNombre', width:200},
                    {name:'tipInmuebleNombre',index:'tipInmuebleNombre', width:100}
                ],
                loadComplete: function(){
                    var ids = jQuery("#tbGrillaTopo").getDataIDs();
                    for(var i=0;i<ids.length;i++){
                        var cl = ids[i];                        
                        var se1 = "<input type='button' value='Editar' onclick=\"editaVisita('" + cl + "');\" tittle='Editar' />";
                        se1 = se1 + "&nbsp;&nbsp<a href='#' onclick=\"eliminaVisita('" + cl + "');\" >Eliminar</a>";
                        jQuery("#tbGrillaTopo").setRowData(cl,{grdAccion:se1});
                    }
                },
                autowidth:true,
                pager: jQuery('#divPagTopo'),
                rowNum:10,
                postData: {
                    avaluoId: function(){return document.getElementById("avaluoId").value;}, //
                    selDepartamento: function(){return document.getElementById("selDepartamento").value},
                    ciudadId: function(){return document.getElementById("ciudadId").value},
                    visitaVereda: function(){return document.getElementById("visitaVereda").value},
                    visitaVeredaNombre: function(){return document.getElementById("visitaVeredaNombre").value},
                    tipInmuebleId: function(){return document.getElementById("tipInmuebleId").value},
                    visitaPropietario: function(){return document.getElementById("visitaPropietario").value},
                    visitaFechaVisitaIni: function(){return document.getElementById("visitaFechaVisitaIni").value},
                    visitaFechaVisitaFin: function(){return document.getElementById("visitaFechaVisitaFin").value},
                    firmaId: function(){return document.getElementById("firmaId").value}
                },
                rowList:[10,20,30,50],
                sortname: 'visitaFechaVisita',
                sortorder: "asc",
                viewrecords: true,
                caption: 'Visitas',
                height:160
            });
            //Barra de navegación
            jQuery("#tbGrillaTopo").navGrid('#divPagTopo',{edit:false,add:false,del:false,search:false,view:true});             
<?php $this->load->view("enReady"); ?>
    }); //fin $(document).ready(function(){
    function eliminaVisita(visitaId){
        if(confirm("¿Esta seguro que desea eliminar la visita?")){
            $.post("<?php echo site_url("visitas/elimina"); ?>",{opc:'E',visita:visitaId},function(data){
                if(parseInt(data) == 1) 
                    alert("Se ha eliminado correctamente la visita");
                else
                    alert("Se ha presentado un error en la eliminación");
            });
            $("#tbGrillaTopo").trigger("reloadGrid");
        }
        return ;
    } //fin function eliminaVisita(visitaId){
    function editaVisita(visitaId){
        window.open("<?php echo site_url("avaluos/edita/"); ?>" + "/" + visitaId,"_newtab");
    } //fin function editaVisita(visitaId){
<?php $this->load->view("funcionesJs"); ?>
    </script>
    <body>        
        <?php $this->load->view("enBody"); ?>
        <div id="divTitulo">VISITAS - Consulta, Edición y/o eliminación</div>
        <label for="avaluoId" >Elija un avaluo</label>
        <select id="avaluoId" name="avaluoId">
            <option value="">Elija</option>
            <?php
            if ($avaluos->num_rows() > 0){
                foreach ($avaluos->result() as $avaluo) {
                    echo "<option value='{$avaluo->avaluoId}'>{$avaluo->avaluoNumero}</option>";
                }
            }else{
                echo "<option value=''>No existe avaluos sin aprobar</option>";
            }
            ?>
        </select>
        <label for="selDepartamento">Departamento</label>
        <select id="selDepartamento" name="selDepartamento" onchange="fnCambiaDpto(this.value)">
            <option value="">Elija</option>
            <?php
            foreach ($departamentos->result() as $departamento) {
                echo "<option value='{$departamento->dptoId}'>{$departamento->dptoNombre}</option>";
            }
            ?>
        </select>
        <div class="newDiv">
            <label for="ciudadId" style="float: left;margin-right: 5px" >Ciudad</label>
            <div id="divCargaCiudad" style="float: left;margin-right: 10px">
                <select id="ciudadId" name="ciudadId">
                    <option value="">Elija</option>
                </select>
            </div>
        </div>
        <label for="visitaVereda">Vereda</label>
        <input type="text" id="visitaVereda" name="visitaVereda"  />
        <div class="newDiv">
            <label for="visitaVeredaNombre" >Nombre</label>
            <input type="text" id="visitaVeredaNombre" name="visitaVeredaNombre" />
            <label for="tipInmuebleId" style="margin-left: 20px">Tipo de inmbueble</label>
            <select id="tipInmuebleId" name="tipInmuebleId">
                <option value="">Elija</option>
                <?php
                if ($inmuebles->num_rows() > 0)
                    foreach ($inmuebles->result() as $inmueble) {
                        echo "<option value='{$inmueble->tipInmuebleId}'>{$inmueble->tipInmuebleNombre}</option>";
                    }
                ?>
            </select>
            <label for="firmaId">Firmante</label>
            <select id="firmaId" name="firmaId">
                <option value="">Elija</option>
                <?php
                if ($firmantes->num_rows() > 0)
                    foreach ($firmantes->result() as $firmante) {
                        echo "<option value='{$firmante->firmaId}'>{$firmante->firmaNombre}</option>";
                    }
                ?>
            </select>
        </div>
        <div class="newDiv">
            <label for="visitaPropietario">Popietario</label>
            <input type="text" id="visitaPropietario" name="visitaPropietario" />
            <label for="visitaFechaVisitaIni">Fecha visita Inicial</label>
            <input type="text" id="visitaFechaVisitaIni" name="visitaFechaVisitaIni" size="9" />
            <label for="visitaFechaVisitaFin">Fecha visita Final</label>
            <input type="text" id="visitaFechaVisitaFin" name="visitaFechaVisitaFin" size="9" />
        </div>
        <div id="divBotones">
            <button id="btnSubmit" onclick="$('#tbGrillaTopo').trigger('reloadGrid')" class="btnDeAccion" >Consultar</button>
        </div>
        <div id="divPagTopo" class="scroll" style="text-align:center;"></div>
        <table id="tbGrillaTopo" class="scroll" style="font-size: 14px"></table>

    </body>
</html>